<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<header>
    <div class="header_conter" id="userInfo">
        <div class="title">
            CAAE基金申报管理系统
        </div>
        <div class="nav_box">
            <ul>
                <li class="active">
                    <a href="./index.html">
                        <img class="icon" src="./img/nav_index_active.png" alt="">
                        <p class="nav_title">首页</p>
                    </a>
                </li>
                <li>
                    <a href="./state.html">
                        <img class="icon" src="./img/nav_jd.png" alt="">
                        <p class="nav_title">项目进度</p>
                    </a>
                </li>
                <li >
                    <a href="./opinion.html">
                        <img class="icon" src="./img/nav_yjfk.png" alt="">
                        <p class="nav_title">意见反馈</p>
                        <span class="chat_num" v-show="num>0" >{{num}}</span>
                    </a>
                </li>
                <li>
                    <a href="./declare.html">
                        <img class="icon" src="./img/nav_sbjl.png" alt="">
                        <p class="nav_title">申报记录</p>
                    </a>
                </li>
            </ul>
        </div>

       
        <div class="user_box">
            <img class="user_tx" src="./img/tx.png" alt="">
            <p>{{userName}}</p>
            <p style="color: blue; cursor:pointer;" @click="loginOut">退出</p>
        </div>
    </div>

</header>


<div id="pdf">

    <embed :src="home_url" type="application/pdf" style="overflow: auto;  width: 100%; height: 100%;">
    
    <div class="btns" style="width: 100%;height: 70px;background: #F9F9F9; text-align: center;position: fixed;bottom:0px;left:0px;right: 0px;">
        <div class="apply" style="margin-top: 10px;" @click="apply()"> 我已阅读申报须知</div>
    </div>

</div>


<script type="text/javascript" src="./js/vue.js"></script>
<script type="text/javascript" src="./js/axios.min.js"></script>
<script type="text/javascript" src="./js/qs.min.js"></script>
<script type="text/javascript" src="./js/config.js"></script>
<script type="text/javascript" src="./js/info.js"></script>



<script>
    const noteApp = new Vue({
    el: "#pdf",
    data: {
        home_url:"http://fund.caae.org.cn/downloadDocuments/CAAE_fill_in_instructions.pdf",
    },

    methods: {
        apply (){
            const query = Qs.parse(location.search.substring(1));
            
            console.log(query.typeId);
            
            window.location.href = "./writeTable.html?typeId=" + query.typeId + "&hidden=1";

        }
        
    },
    created:function(){
        
        this.home_url =  BaseUrl + "downloadDocuments/CAAE_fill_in_instructions.pdf";
        console.log(this.home_url);
    },
    });



</script>



</body>
</html>